1. react-routerV6 

//  一级: home和about 
//  about的二级: test1和test2

const routes = [
    {
        path: 'home',
        element: <Home></Home>
    },
    {
        path: 'about',
        element: <About></About>,
        children:[
            {
                path: 'test1',
                element: <Test1></Test1>
            },
            {
                path: 'test2',
                element: <Test2></Test2>
            },
        ]
    }
]


懒加载Home 

const Home = React.lazy(()=> import('home路径'))

必须配合Suspense 

import {Suspense} from 'react'

包裹路由组件
<Suspense fallback={任何可以渲染的内容}>
    <路由组件></路由>
</Suspense>



根据路由表生成Routes和Route 

useRoutes()

如何获取路由参数: 

useParams()

获取state数据: 
useLocation()

编程式导航: 
const navigate = useNavigate()
navigate('/路径', {
    state: 数据,
    replace: false
})
navigate(-1) 返回

2. redux

三个重要角色: 

reducer 负责修改数据
store 存储数据
action 描述如何修改数据的对象

如何创建store对象

createStore(reducer)

function reducer(state=默认值, action){
    switch(action.type){

        case '需求1':
            return {
                ...state,
                属性: 目标值
            }

        default: 
            return state

    }
}

store.subscribe(()=>{})

store.dispatch(action对象)

store.getState()

